@import "color";

body {

  background-color: #f6f5f2;

  a {
    color: $mainColor;

    &:hover {
      color: $hoverColor;
    }
  }

  .page-item.active .page-link {
    color: #fff;
    background-color: $mainColor;
    border-color: #343A40;
  }

  .page-link {
    color: $mainColor;

    &:hover {
      color: $mainColor;
    }
  }

  .btn-sort-primary{
    background-color: $mainColor;

    &:hover{
      background-color: $fontColor;
    }
  }

  .btn-sort-position{
    background-color: $mainColor;

    &:hover{
      background-color: $fontColor;
    }
  }

  .btn-myself {
    background-color: $buttonColor;
    color: white;

    &:hover {
      background-color: $fontColor;
      color: white;
    }
  }

}